﻿@charset "utf-8";

/* CSS Document */

.jedatebox {
	width: 298px;
	height: auto;
	background-color: #fff;
	font-family: 'microsoft yahei', Verdana, "\u5fae\u8f6f\u96c5\u9ed1", "\5b8b\4f53", Arial;
	font-size: 14px;
	cursor: default;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	box-shadow: 0 0 40px #d7e3eb;
}

.jedatebox div,
.jedatebox ol,
.jedatebox ul,
.jedatebox li,
.jedatebox p,
.jedatebox span {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jedatebox em,
.jedatebox i {
	margin: 0;
	padding: 0;
	font-style: normal;
}

.jedatebox.dateshow {
	display: block;
}

.jedatebox .jedatetop {
	width: 88%;
	margin: 0 auto;
	/*background: #00A1CB;*/
	color: #374b52;
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #d6e8f3;
}

.jedatebox .jedateym {
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 5%;
}

.jedatebox .jedateym span {
	width: 70%;
	padding: 0;
	float: left;
	text-align: center;
	text-overflow: ellipsis;
	display: block;
}

.jedatebox .jedateym span input {
	width: 100%;
	float: left;
	padding: 0;
	border: none;
	background-color: transparent;
	text-align: center;
}

.jedatebox .jedateym .prev,
.jedatebox .jedateym .next {
	width: 10px;
	height: 10px;
	float: left;
	display: block;
	text-align: center;
	background: url("../image/jedate.png");
	cursor: pointer;
	margin-top: 15px;
}
.jedatebox .jedateym .prev:hover,
.jedatebox .jedateym .next:hover {
	background-image: url("../image/jedate_h.png");
}
.jedatebox .jedateym .prev{
	background-position: 0 0;
}
.jedatebox .jedateym .next{
	background-position: -10px 0;
}

/*.jedatebox .jedateym .prev:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 7px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-right-style: solid;
	border-right-color: #fff;
	content: "";
	margin: 0 9px 0 0;
}

.jedatebox .jedateym .next:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 7px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-left-style: solid;
	border-left-color: #fff;
	content: "";
	margin: 0 0 0 6px;
}*/

.jedatebox .jedateym .pndrop {
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: none;
	position: relative;
	vertical-align: middle;
}

.jedatebox .jedateym .pndrop:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 5px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-top-style: solid;
	border-top-color: #fff;
	content: "";
	position: absolute;
	top: 4px;
	left: 2px;
}

.jedatebox .jedatesety,
.jedatebox .jedatesetm {
	width: 100%;
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 0;
	background-color: #fff;
	z-index: 50;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.jedatebox .jedatesety .ymdropul,
.jedatebox .jedatesetm .ymdropul {
	width: 88%;
	height: 210px;
	overflow: auto;
	margin: 0 auto;
	padding: 6px 0;
	border-top: 1px solid #d6e8f3;
	border-bottom: 1px solid #d6e8f3;
}

.jedatebox .jedatesety .ymdropul li {
	width: 29.3%;
	float: left;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 0 2%;
}

.jedatebox .jedatesetm .ymdropul li {
	width: 29.3%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin: 0 2%;
}

.jedatebox .jedatesety .ymdropul li:hover,
.jedatebox .jedatesetm .ymdropul li:hover {
	background: #e5f5ff;
	border-radius: 4px;
}

.jedatebox .jedatesety .ymdropul li.action,
.jedatebox .jedatesetm .ymdropul li.action {
	color: #fff;
	background: #0099ff;
	border-radius: 4px;
}

/*.jedatebox .jedatesety .ymdropul li.action:hover,
.jedatebox .jedatesetm .ymdropul li.action:hover {
	background: #e5f5ff;
	border-radius: 4px;
}*/

.jedatebox .jedatetopym p {
	overflow: auto;
	padding-top: 4px;
}

.jedatebox .jedatetopym p span {
	width: 46px;
	height: 32px;
	line-height: 32px;
	color: #1F547E;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #bddaeb;
	border-radius: 4px;
	margin: 3px 0 0 8px;
	float: left;
}

.jedatebox .jedatetopym p span .prevmchle,
.jedatebox .jedatetopym p span .nextmchri{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url("../image/jedate.png");
}
.jedatebox .jedatetopym p span .nextmchri{
	background-position: -10px 0;
}

.jedatebox .jedatetopym p span.jedateymchle {
	margin-left: 20px;
}

.jedatebox .jedatetopym p span.jedateymchok {
	background-color: #0099ff;
	color: #fff;
	float: right;
	border: 1px solid #0099ff;
	margin: 3px 20px 0 0;
}
.jedatebox .jedatetopym p span:hover{
	border: 1px solid #0099ff;
}

.jedatebox .jedaym {
	height: 202px;
	overflow: auto;
	padding: 5px;
}

.jedatebox .jedaym li {
	width: 50%;
	float: left;
	text-align: center;
	height: 32px;
	line-height: 32px;
}

.jedatebox .jedaym li.action,
.jedatebox .jedaym li.action:hover {
	background: #00A1CB;
	color: #fff;
}

.jedatebox .jedaym li:hover {
	background: #ECF4FB;
}

.jedatebox .jedaym li.disabled {
	color: #bbb;
}

.jedatebox .jedaol {
	width: 88%;
	overflow: auto;
	margin: 0 auto;
	color: #374b52;
}

.jedatebox .jedaul {
	width: 88%;
	overflow: auto;
	margin: 0 auto;
	color: #374b52;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6e8f3;
}

.jedatebox .jedaol li,
.jedatebox .jedaul li {
	width: 14.28%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.jedatebox .jedaul li {
	width: 14.28%;
	float: left;
}

.jedatebox .jedaol li.weeks {
	/*background: #f5f5f5;
	border-bottom: 1px solid #ddd;*/
}

.jedatebox .jedaul li.action,
.jedatebox .jedaul li.action:hover {
	background: #0099ff;
	border-radius: 4px;
	color: #fff;
}

.jedatebox .jedaul li.prevdate,
.jedatebox .jedaul li.nextdate {
	color: #b4c6cc;
}

.jedatebox .jedaul li.disabled {
	color: #bbb;
}

.jedatebox .jedaul li.disabled:hover {
	background: #fff;
}

.jedatebox .jedaul li:nth-child(7n) {
	border-right: none;
}

.jedatebox .jedaul li:hover {
	background: #e5f5ff;
	border-radius: 4px;
}

.jedatebox .jedaul li.red {
	color: #ff0000;
}

.jedatebox .jedaul li .marks {
	width: 5px;
	height: 5px;
	background: #ff0000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 2px;
	top: 4px;
}

.jedatebox .jedaul li.action .marks {
	width: 5px;
	height: 5px;
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 2px;
	top: 4px;
}

.jedatebox .jedatebot {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background: #f5f5f5;
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.jedatebox .jedatebot .botflex {
	height: 34px;
	line-height: 34px;
	float: left;
	display: inline-block;
	/*padding-top: 3px;*/
	overflow: hidden;
}

.jedatebox .jedatebot .jedatehmsshde{
	width: 30%;
	margin: 8px 0 0 20px;
} 

.jedatebox .jedatebot .botflex li {
	width: 33.33%;
	float: left;
	text-align: center;
}

.jedatebox .jedatebot .botflex li em {
	width: 70%;
	float: left;
	padding: 0;
	border: none;
	text-align: center;
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #374B52;
}

.jedatebox .jedatebot .botflex li i {
	width: 30%;
	float: left;
	height: 32px;
	line-height: 28px;
	font-style: normal;
	display: block;
	text-align: center;
}

.jedatebox .jedatebot .jedatebtn {
	width: 58%;
	text-align: center;
	font-size: 14px;
	margin-top: 8px;
}

.jedatebox .jedatebot .jedatebtn span {
	width: 26%;
	float: right;
	margin: 0 2.1%;
	border: 1px solid #bddaeb;
	color: #374b52;
	display: block;
	height: 32px;
	line-height: 30px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
.jedatebox .jedatebot .jedatebtn span:hover{
	border: 1px solid #0099ff;
}
.jedatebox .jedatebot .jedatebtn .jedateok{
	border: 1px solid #0099ff;
	background-color: #0099ff;
	color: #fff;
}

.jedatebox .jedatebot .jedatehms {
	border: 1px #bddaeb solid;
	background-color: #fff;
	padding: 0 0 0 8px;
	display: block;
	overflow: hidden;
	height: 32px;
	border-radius: 4px;
}


/*.jedateh,.jedatems{width: 100%; position:absolute;left:0; bottom:40px;background-color: #fff;border-top: 1px solid #ccc;}*/

.jedatebox .jedateprophms {
	width: 100%;
}

.jedatebox .jedateproppos {
	position: absolute;
	left: 0;
	top: 0px;
	padding-top: 40px;
	display: none;
}

.jedatebox .jedatepropfix {
	display: block;
}

.jedatebox .jedatepropcon {
	width: 100%;
	padding-bottom: 9px;
	background-color: #fff;
	overflow: hidden;
}

.jedatebox .jedatehmstitle {
	width: 88%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #374b52;
	position: relative;
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	margin: 0 auto;
	border-top: 1px solid #d6e8f3;
}

.jedatebox .jedateproptext {
	width: 78px;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 16px;
	font-size: 12px;
	color: #b4c6cc;
}

.jedatebox .jedatehmscon {
	width: 76px;
	height: 140px;
	float: left;
	/*overflow-y: auto;*/
	border: 1px solid #b5daf0;
	border-radius: 4px;
	margin: 0px 0px 0px 16px;
	overflow: hidden;
}

.jedatebox .jedatehmscon p {
	width: 100%;
	float: left;
	text-align: center;
	height: 28px;
	line-height: 28px;
	color: #374b52;
}

.jedatebox .jedatehmscon p:hover{
	background: #e5f5ff;
}

.jedatebox .jedatehmscon p.action {
	background: #0099ff;
	color: #fff;
}

.jedatebox .jedatehmscon p.disabled {
	color: #bbb;
}

.jedatebox .jedatems p {
	width: 10%;
	float: left;
	text-align: center;
	height: 32px;
	line-height: 32px;
}

.jedatebox .jedateh p.action,
.jedatebox .jedatems p.action {
	background: #00A1CB;
	color: #fff;
}

.jedatebox .jedatehmsclose {
	width: 14px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -15px;
	z-index: 150;
	background: url("../image/jedate_close.png") no-repeat center;
	cursor: pointer;
}
.jedatebox .jedatehmsclose:hover{
	background: url("../image/jedate_close_h.png") no-repeat center;
}

/*.jedatebox .jedatehmscon::-webkit-scrollbar {
	height: 6px;
	width: 6px;
	margin-right: 5px;
	background: #f5f5f5;
	transition: all 0.3s ease-in-out;
	border-radius: 0px
}

.jedatebox .jedatehmscon::-webkit-scrollbar-track {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.5);
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.6)
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:active {
	background: rgba(0, 0, 0, 0.8)
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.4);
}*/